/*
	A Better Blogroll
	by Chris Coyier
	http://css-tricks.com
*/


/*
	GENERIC RESET & BASIC STRUCTURE
*/
* 									{ margin: 0; padding: 0; }
body 								{ font-family: Verdana, Arial, Helvetica, sans-serif;
						  		 	}
a 									{ /* remove the dotted outlines when clicking tabs */ 
						  		      outline: none; text-decoration: none; }
ul 									{ list-style: none; }


/*
	WIDGET STRUCTURE
*/
#blogSliderWrap 					{ width: 230px; margin:0px;
									 	 padding-bottom: 50px; position: relative; }
#blogSlider 						{ margin:-10px 0px 0px 0px; padding:0px 0px 0px 0px; width: 730px;
										/*background: url(images/bg_ls.jpg) top left no-repeat;*/
									   }
.stripViewer 						{ position: relative; overflow: hidden; clear: both; }
.stripViewer .panelContainer 		{ position: relative; left: 0px; top: 0px; }
.stripViewer .panelContainer .panel { float: left; position: relative; width: 700px; }
.stripNav 							{ margin-left: 0px; position: relative; top: 18px; z-index: 99;
									  width: 285px; background:#000; }
.wrapper 							{ padding: 0px; }
.innerWrap 							{ width: 230px; overflow: hidden; }
#push 								{ height: 42px; }


/* 
	MAIN TABBED NAVIGATION
*/
.stripNav ul li 					{ float: left; }

.stripNav li a 						{ /* Generic "CSS image replacement" */margin-top:-16px;
									  display: block; height: 30px; text-indent: -9999px; }
/* The below class names are auto-generated by the JavaScript */
.stripNav li.tab1 a { width: 122px; }
.stripNav li.tab2 a { width: 122px; }
.stripNav li.tab3 a {  width:122px; }
.stripNav li.tab4 a {  width: 122px; }
.stripNav li.tab5 a { width: 122px; }
.stripNav li.tab6 a {width: 122px;}


.stripNav li a:hover, 
.stripNav li a:active, 
.stripNav li a:focus 				{ /* Restore focus styling that we removed when we removed outlines */
									  background-position: top center; }
.stripNav li.tab1 a:hover { background: url(images/bg_l.gif) top left no-repeat; margin-top:-17px;}
.stripNav li.tab2 a:hover { background: url(images/bt_c.gif) top left no-repeat; margin-top:-17px;}
.stripNav li.tab3 a:hover { background: url(images/bt_c.gif) top left no-repeat; margin-top:-17px;}
.stripNav li.tab4 a:hover { background: url(images/bt_c.gif) top left no-repeat; margin-top:-17px;}
.stripNav li.tab5 a:hover { background: url(images/bt_c.gif) top left no-repeat;margin-top:-17px; }
.stripNav li.tab6 a:hover { background: url(images/bt_r.gif) top left no-repeat; margin-top:-17px;}

/* It is neccessary to repeat the image paths here */
.stripNav li.tab1 a.current { background: url(images/bg_l.gif) top left no-repeat;margin-top:-17px; }
.stripNav li.tab2 a.current { background: url(images/bt_c.gif) top left no-repeat; margin-top:-17px;}
.stripNav li.tab3 a.current { background: url(images/bt_c.gif) top left no-repeat; margin-top:-17px;}
.stripNav li.tab4 a.current { background: url(images/bt_c.gif) top left no-repeat; margin-top:-17px;}
.stripNav li.tab5 a.current { background: url(images/bt_c.gif) top left no-repeat; margin-top:-17px;}
.stripNav li.tab6 a.current { background: url(images/bt_r.gif) top left no-repeat; margin-top:-17px;}



/* 
	SUB NAVIGATION
*/
.stripNavL a, .stripNavR a 			{ display: block; position: absolute; width: 75px; 
							 		  height: 22px; text-indent: -9999px; }
.stripNavL a						{ bottom: 35px; left: 45px; background: url(images/previous.png); }
.stripNavR a 						{ bottom: 35px; right: 45px; background: url(images/next.png);
}


/* 
	HEADLINES STYLING 
*/
.panel ul 							{ width: 700px; }
.panel ul li a 						{ border-bottom: 1px solid #C1B599; color: #303030;
						  		  	  display: block; padding: 7px 10px; }
.panel ul li:last-child a 			{ /* Remove bottom border on last list item
	   							  	  Hooray for pseudo selectors! */
								  	  border: none; }
								  	  /* Unique rollover colors for each list */
.panel ul#psd-list li a:hover 		{ background: #b20202; color: white; }
.panel ul#net-list li a:hover 		{	background: #4a8c7f; color: white; }
.panel ul#vector-list li a:hover 	{ background: #1f5293; color: white; }
.panel ul#audio-list li a:hover 	{ background: #4f7c11; color: white; }
.panel ul#audio-list li a:hover 	{ background: #4f7c11; color: white; }
.panel ul#audio-list li a:hover 	{ background: #4f7c11; color: white; }

.qua_trinh{ width: 700px;float:left;color:#666;font-size:15px;
	font-family:Arial, Helvetica, sans-serif;margin-top:10px;
	font-weight:bold;}
.nam{ width: 700px;float:left;color:#666;font-size:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-top:5px;}
.txtls{ width: 600px;float:left;color:#333;font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:none;
	text-align:justify;
	margin-top:5px;
	margin-right:10px;
	padding:0px 20px 0px 80px;
	min-height:100px;
	background:#fff url(images/mui_ten1.jpg) top left no-repeat;}

.namtxt{width: 730px;float:left;
	margin-top:5px;
	padding:0px;
	height:20px;
	}
.namtxt11{width: 120px;float:left;
	margin-top:5px;
	padding:0px;
	text-align:center;
	height:20px;
	color:#333;font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	}